<template>
  <section class="activities_details" v-if="showActivities">
    <h2 class="activities_shoptitle">{{shopDetailData.name}}</h2>
    <h3 class="activities_ratingstar">
      <rating-star :rating='shopDetailData.rating'></rating-star>
    </h3>
    <section class="activities_list">
      <header class="activities_title_style"><span>优惠信息</span></header>
      <ul>
        <li v-for="item in shopDetailData.activities" :key="item.id">
          <span class="activities_icon" :style="{backgroundColor: '#' + item.icon_color, borderColor: '#' + item.icon_color}">{{item.icon_name}}</span>
          <span>{{item.description}}（APP专享）</span>
        </li>
      </ul>
    </section>
    <section class="activities_shopinfo">
      <header class="activities_title_style"><span>商家公告</span></header>
      <p>{{promotionInfo}}</p>
    </section>
    <svg width="60" height="60" class="close_activities" @click.stop="showActivitiesFun">
      <circle cx="30" cy="30" r="25" stroke="#555" stroke-width="1" fill="none" />
      <line x1="22" y1="38" x2="38" y2="22" style="stroke:#999;stroke-width:2" />
      <line x1="22" y1="22" x2="38" y2="38" style="stroke:#999;stroke-width:2" />
    </svg>
  </section>
</template>

<script>
export default {
  components: {},
  props: {},
  data() {
    return {}
  },
  methods: {},
  mounted() {}
}
</script>

<style scoped>
</style>